<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link href="../style/general.css" type="text/css" rel="Stylesheet">
        <link href="../style/student.css" type="text/css" rel="Stylesheet">

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

        <!-- include jQuery UI  From Google Code-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>


        <script type="text/javascript">
            $(document).ready(function(){
                $("#menu a").hover(function() {
                    $(this).stop().animate({ backgroundColor: "#4e88b2"}, 800);
                },function() {
                    $(this).stop().animate({ backgroundColor: "#504e4e" }, 800);
                });
				
            }); 
        </script>        
        <title>
            Three 2 Learn | ${pageTitle}
        </title>

        <!-- The main style sheet -->
        <link rel="stylesheet" href="/style/login.css" type="text/css" media="screen" />

        <!-- START Fx.Slide -->
        <!-- The CSS -->
        <link rel="stylesheet" href="/style/fx.slide.css" type="text/css" media="screen" />
        <!-- Mootools - the core -->
        <script type="text/javascript" src="/js/mootools-1.2-core-yc.js"></script>
        <!--Toggle effect (show/hide login form) -->
        <script type="text/javascript" src="/js/mootools-1.2-more.js"></script>
        <script type="text/javascript" src="/js/fx.slide.js"></script>
        <!-- END Fx.Slide -->

    </head>
    <body>

        <jsp:useBean id="inhoud" scope="application" class="models.Bean" />   
        <jsp:setProperty name="inhoud" property="language" value="<%= models.Bean.getLanguage()%>" />

        <!-- Login -->
        <div id="login">
            <div class="loginContent">
                <form action="../login" method="post">
                    <label for="log"><b>
                            <jsp:setProperty name="inhoud" property="key" value="Username" />
                            <jsp:getProperty name="inhoud" property="key" />    
                        </b></label>
                    <input class="field" type="text" name="userName" id="userName" value="" size="23" />
                    <label for="pwd"><b>
                            <jsp:setProperty name="inhoud" property="key" value="Password" />
                            <jsp:getProperty name="inhoud" property="key" />    
                        </b></label>
                    <input class="field" type="password" name="passWord" id="passWord" size="23" />
                    <input type="submit" name="submit" value="" class="button_login" />
                    <input type="hidden" name="redirect_to" value=""/>
                </form>
                <div class="left">
                    <label for="rememberme"><input name="rememberme" id="rememberme" class="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label></div>
                <div class="right">
                    <jsp:setProperty name="inhoud" property="key" value="NotAMember" />
                    <jsp:getProperty name="inhoud" property="key" /> 
                    <a href="student/register">
                        <jsp:setProperty name="inhoud" property="key" value="Register" />
                        <jsp:getProperty name="inhoud" property="key" />
                    </a> | <a href="#">
                        <jsp:setProperty name="inhoud" property="key" value="ForgotPassword" />
                        <jsp:getProperty name="inhoud" property="key" />
                    </a></div>
            </div>
            <div class="loginClose"><a href="#" id="closeLogin">
                    <jsp:setProperty name="inhoud" property="key" value="ClosePanel" />
                    <jsp:getProperty name="inhoud" property="key" />
                </a></div>
        </div> <!-- /login -->


        <div id="header">
            <div id="topmenu">
                <ul class="login">
                    <li><img src="style/logo32L.png"/></li>
                    <li><a href="/language?lang=nl" title="Nederlands"><img src="images/flags/nl.png"></a></li>
                    <li><a href="/language?lang=en" title="English"><img src="images/flags/uk.png"></a></li>
                            <c:choose>
                                <c:when test="${loggedin eq 'true'}">
                            <li><a href="/logout" id="toggleLogout" >
                                    <jsp:setProperty name="inhoud" property="key" value="LogOut" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </a></li>
                            <li><a href="/${omgeving}" >
                                    <jsp:setProperty name="inhoud" property="key" value="BackTo" />
                                    <jsp:getProperty name="inhoud" property="key" /> ${omgeving}
                                    <jsp:setProperty name="inhoud" property="key" value="TheEnvironment" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </a></li>
                            </c:when>
                            <c:otherwise>
                            <li><a href="#" id="toggleLogin" >
                                    <jsp:setProperty name="inhoud" property="key" value="Login" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </a></li>
                            </c:otherwise>
                        </c:choose>                        
                </ul>
            </div>
        </div>

        <div class="middle">
            <div id="menu">
                <ul>
                    <li><a href="/">
                            <jsp:setProperty name="inhoud" property="key" value="Homepage" />
                            <jsp:getProperty name="inhoud" property="key" />
                        </a></li>
                    <li><a href="/courses">
                            <jsp:setProperty name="inhoud" property="key" value="Courses" />
                            <jsp:getProperty name="inhoud" property="key" />
                        </a></li>
                    <li><a href="three2Learn.jsp">Three2Learn</a></li>
                    <li><a href="information.jsp">
                            <jsp:setProperty name="inhoud" property="key" value="Information" />
                            <jsp:getProperty name="inhoud" property="key" />
                        </a></li>
                    <li><a href="faq.jsp">
                            <jsp:setProperty name="inhoud" property="key" value="FAQ" />
                            <jsp:getProperty name="inhoud" property="key" />
                        </a></li>
                    <li><a href="contact.jsp" class="lastItem">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="subcontainer">
        <center>
            <h1 >
                <jsp:setProperty name="inhoud" property="key" value="Register" />
                <jsp:getProperty name="inhoud" property="key" />
            </h1>
            <a href="/"><img src="/style/icons/return.png"/></a>
            </br>
            <c:if test="${not empty melding}">
                ${melding}
            </c:if>
        </center>
        <div id="settings">
            <form name="infoform" action="" method="post">
                <table width="50%" id="settingstable" style="margin:auto">                        
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="FirstName" />
                                <jsp:getProperty name="inhoud" property="key" />
                            </b>
                        </td>
                        <td colspan="2"><input required="required"title="Enter first name" id="firstname" name="firstname" type="text" style="width:100%" /></td>
                    </tr>
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="LastName" />
                                <jsp:getProperty name="inhoud" property="key" />
                            </b>
                        </td>
                        <td colspan="2"><input required="required"title="Enter last name" id="lastname" name="lastname" type="text" style="width:100%"/></td>
                    </tr>
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="StreetNameNumber" />
                                <jsp:getProperty name="inhoud" property="key" />
                            </b>
                        </td>
                        <td><input required="required" title="Enter street name" id="street" name="street" type="text" style="width:100%"/></td>
                        <td><input required="required"title="Enter house number" id="number" name="number" type="text" style="width:100%"/></td>
                    </tr>
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="ZipcodeCity" />
                                <jsp:getProperty name="inhoud" property="key" />
                            </b>
                        </td>
                        <td><input required="required"title="Enter zip code" id="zipcode" name="zipcode" type="text" style="width:100%"/></td>
                        <td><input required="required"title="Enter city number" id="city" name="city" type="text" style="width:100%"/></td>
                    </tr>
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="Country" />
                                <jsp:getProperty name="inhoud" property="key" />
                        </td>
                        <td colspan="2">
                            <select id="country" name="country">
                                <option value="  " selected><jsp:setProperty name="inhoud" property="key" value="PleaseSelectACountry" />
                                                            <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="AF"><jsp:setProperty name="inhoud" property="key" value="Afghanistan" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="AL"><jsp:setProperty name="inhoud" property="key" value="Albania" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="DZ"><jsp:setProperty name="inhoud" property="key" value="Algeria" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="AG"><jsp:setProperty name="inhoud" property="key" value="AntiguaAndBarbuda" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="AR"><jsp:setProperty name="inhoud" property="key" value="Argentina" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="AM"><jsp:setProperty name="inhoud" property="key" value="Armenia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="AW">Aruba</option>
                                <option value="AU"><jsp:setProperty name="inhoud" property="key" value="Australia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="AT"><jsp:setProperty name="inhoud" property="key" value="Austria" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="AZ"><jsp:setProperty name="inhoud" property="key" value="Azarbaijan" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="BS">Bahamas</option>
                                <option value="BH"><jsp:setProperty name="inhoud" property="key" value="Bahrain" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY"><jsp:setProperty name="inhoud" property="key" value="Belarus" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="BE"><jsp:setProperty name="inhoud" property="key" value="Belgium" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="BO">Bolivia</option>
                                <option value="BA"><jsp:setProperty name="inhoud" property="key" value="BosniaAndHerzegowina" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="BW">Botswana</option>
                                <option value="BR"><jsp:setProperty name="inhoud" property="key" value="Brazil" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="BG"><jsp:setProperty name="inhoud" property="key" value="Bulgaria" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="BI"><jsp:setProperty name="inhoud" property="key" value="Burundi" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="KH"><jsp:setProperty name="inhoud" property="key" value="Cambodia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="CM"><jsp:setProperty name="inhoud" property="key" value="Cameroon" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="CA">Canada</option>
                                <option value="CF"><jsp:setProperty name="inhoud" property="key" value="CentralAfricanRepublic" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="CL"><jsp:setProperty name="inhoud" property="key" value="Chile" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="CN">China</option>
                                <option value="CO">Colombia</option>
                                <option value="CG">Congo</option>
                                <option value="CR">Costa Rica</option>
                                <option value="HR"><jsp:setProperty name="inhoud" property="key" value="Croatia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="CU">Cuba</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ"><jsp:setProperty name="inhoud" property="key" value="CzechRepublic" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="DK"><jsp:setProperty name="inhoud" property="key" value="Denmark" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="EC">Ecuador</option>
                                <option value="EG"><jsp:setProperty name="inhoud" property="key" value="Egypt" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="EE"><jsp:setProperty name="inhoud" property="key" value="Estonia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="ET"><jsp:setProperty name="inhoud" property="key" value="Ethiopia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR"><jsp:setProperty name="inhoud" property="key" value="France" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="GE"><jsp:setProperty name="inhoud" property="key" value="Georgia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="DE"><jsp:setProperty name="inhoud" property="key" value="Germany" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR"><jsp:setProperty name="inhoud" property="key" value="Greece" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="GL"><jsp:setProperty name="inhoud" property="key" value="Greenland" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="GT">Guatemala</option>
                                <option value="GN">Guinea</option>
                                <option value="HT">Haiti</option>
                                <option value="HU"><jsp:setProperty name="inhoud" property="key" value="Hungary" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="IS"><jsp:setProperty name="inhoud" property="key" value="Iceland" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="IN">India</option>
                                <option value="ID"><jsp:setProperty name="inhoud" property="key" value="Indonesia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="IR">Iran</option>
                                <option value="IQ"><jsp:setProperty name="inhoud" property="key" value="Iraq" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="IE"><jsp:setProperty name="inhoud" property="key" value="Ireland" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="IL"><jsp:setProperty name="inhoud" property="key" value="Israel" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="IT"><jsp:setProperty name="inhoud" property="key" value="Italy" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JO"><jsp:setProperty name="inhoud" property="key" value="Jordan" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="KZ"><jsp:setProperty name="inhoud" property="key" value="Kazakhstan" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="KE"><jsp:setProperty name="inhoud" property="key" value="Kenya" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="KP">Korea</option>
                                <option value="KW"><jsp:setProperty name="inhoud" property="key" value="Kuwait" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="KG"><jsp:setProperty name="inhoud" property="key" value="Kyrgyzstan" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="LB"><jsp:setProperty name="inhoud" property="key" value="Lebanon" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="LR">Liberia</option>
                                <option value="LU"><jsp:setProperty name="inhoud" property="key" value="Luxembourg" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="MK"><jsp:setProperty name="inhoud" property="key" value="Macedonia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY"><jsp:setProperty name="inhoud" property="key" value="Malaysia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="MV"><jsp:setProperty name="inhoud" property="key" value="Maldives" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MX">Mexico</option>
                                <option value="MD"><jsp:setProperty name="inhoud" property="key" value="Moldova" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="MC">Monaco</option>
                                <option value="MN"><jsp:setProperty name="inhoud" property="key" value="Mongolia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="MA"><jsp:setProperty name="inhoud" property="key" value="Morocco" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA"><jsp:setProperty name="inhoud" property="key" value="Namibia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="NP">Nepal</option>
                                <option value="NL"><jsp:setProperty name="inhoud" property="key" value="Netherlands" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="AN"><jsp:setProperty name="inhoud" property="key" value="NetherlandsAntilles" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="NZ"><jsp:setProperty name="inhoud" property="key" value="NewZealand" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NO"><jsp:setProperty name="inhoud" property="key" value="Norway" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PG"><jsp:setProperty name="inhoud" property="key" value="PapuaNewGuinea" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="PE">Peru</option>
                                <option value="PH"><jsp:setProperty name="inhoud" property="key" value="Philippines" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="PL"><jsp:setProperty name="inhoud" property="key" value="Poland" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="PT">Portugal</option>
                                <option value="QA"><jsp:setProperty name="inhoud" property="key" value="Qatar" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="RO"><jsp:setProperty name="inhoud" property="key" value="Romania" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="RU"><jsp:setProperty name="inhoud" property="key" value="RussianFederation" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="RW">Rwanda</option>
                                <option value="SA"><jsp:setProperty name="inhoud" property="key" value="SaudiArabia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="SN">Senegal</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SK"><jsp:setProperty name="inhoud" property="key" value="Slovakia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="SI"><jsp:setProperty name="inhoud" property="key" value="Slovenia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="SO"><jsp:setProperty name="inhoud" property="key" value="Somalia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="ZA"><jsp:setProperty name="inhoud" property="key" value="SouthAfrica" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="ES"><jsp:setProperty name="inhoud" property="key" value="Spain" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD"><jsp:setProperty name="inhoud" property="key" value="Sudan" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="SR">Suriname</option>
                                <option value="SE"><jsp:setProperty name="inhoud" property="key" value="Sweden" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="CH"><jsp:setProperty name="inhoud" property="key" value="Switzerland" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="SY"><jsp:setProperty name="inhoud" property="key" value="Syria" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ"><jsp:setProperty name="inhoud" property="key" value="Tajikistan" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="TZ">Tanzania</option>
                                <option value="TH">Thailand</option>
                                <option value="TN"><jsp:setProperty name="inhoud" property="key" value="Tunisia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="TR"><jsp:setProperty name="inhoud" property="key" value="Turkey" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="TM">Turkmenistan</option>
                                <option value="UG"><jsp:setProperty name="inhoud" property="key" value="Uganda" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="UA">Ukraine</option>
                                <option value="AE"><jsp:setProperty name="inhoud" property="key" value="UnitedArabEmirates" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="GB"><jsp:setProperty name="inhoud" property="key" value="UnitedKingdom" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="US"><jsp:setProperty name="inhoud" property="key" value="UnitedStates" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ"><jsp:setProperty name="inhoud" property="key" value="Uzbekistan" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="VE">Venezuela</option>
                                <option value="VN"><jsp:setProperty name="inhoud" property="key" value="VietNam" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="YE">Yemen</option>
                                <option value="YU"><jsp:setProperty name="inhoud" property="key" value="Yugoslavia" />
                                                   <jsp:getProperty name="inhoud" property="key" /></option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="DateOfBirth" />
                                <jsp:getProperty name="inhoud" property="key" />
                            </b>
                        </td>
                        <td colspan="2"><input required="required"title="Enter birth date" id="birthdate" name="birthdate" type="text" style="width:100%"/></td>
                    </tr>
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="Gender" />
                                <jsp:getProperty name="inhoud" property="key" />
                            </b>
                        </td>
                        <td colspan="2"><select required="required" id="gender" name="gender">
                                <option value="male">
                                    <jsp:setProperty name="inhoud" property="key" value="Male" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </option>
                                <option value="female">
                                    <jsp:setProperty name="inhoud" property="key" value="Female" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </option>
                            </select></td>
                    </tr>
                    <tr>
                        <td class="darker"><b>Email</b></td>
                        <td colspan="2"><input required="required"title="Enter email" id="email" name="email" type="text" style="width:100%"/></td>
                    </tr>
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="Username" />
                                <jsp:getProperty name="inhoud" property="key" />
                            </b>
                        </td>
                        <td colspan="2"><input required="required"title="Enter username" id="username" name="username" type="text" style="width:100%"/></td>
                    </tr>
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="Password" />
                                <jsp:getProperty name="inhoud" property="key" />
                            </b>
                        </td>
                        <td colspan="2"><input required="required" title="Enter password" id="password" name="password" type="password" style="width:100%"/></td>
                    </tr>
                    <tr>
                        <td class="darker">
                            <b>
                                <jsp:setProperty name="inhoud" property="key" value="PhoneNumber" />
                                <jsp:getProperty name="inhoud" property="key" />
                            </b>
                        </td>
                        <td colspan="2"><input required="required"title="Enter phone number" id="phonenumber" name="phonenumber" type="text" style="width:100%"/></td>
                    </tr>
                    <td class="darker" colspan="3"><input type="submit" value="Submit" /></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</body>
</html>
